<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>实现多种按钮点击事件响应处理</title>
		<script src="js/jquery-3.6.0.min.js"></script>
	</head>
	<body>
		直接为按钮添加onclick事件：<button onclick="alert('你点击了按钮1')">按钮1</button><br>
		使用DOM为按钮绑定onclick处理程序：<button id="bt2" onclick="fun1()">按钮2</button><br>
		获得按钮的jQuery对象，并将jQuery对象转化为DOM对象，在为其添加事件监听：<button id="bt3">按钮3</button><br>
		获得按钮的jQuery对象，并实现对象的click方法：<button id="bt4">按钮4</button><br>
		获得按钮的jQuery对象，并使用bind为该对象绑定click事件：<button id="bt5">按钮5</button><br>
	</body>
	<script>
	function fun1(){
		alert("你点击了按钮2");
	}
	$("#bt3")[0].addEventListener("click",function(){
		alert("你点击了按钮3");
	},false);
	$("#bt4").click(
	function(){
		alert("你点击了按钮4");
	}
	);
	$("#bt5").bind("click",function(){
		alert("你点击了按钮5");
	});
	</script>
</html>
